<div id="box">
  <div class="main-title" *ngIf="!logoTitle">{{title}}</div>
  <div class="main-subhead-pic" (click)="getKey($event, '', 1)">
    <img [class.logo]="logoTitle" [src]="companyLogo">
  </div>

  <!--<div class="main-copy">-->
    <!--Copyright-->
    <!--<i class="anticon anticon-copyright"></i>-->
    <!--{{year}} 本系统由猿猿软件提供技术支持-->
  <!--</div>-->

  <div>
    <div class="system-point"></div>
    <div class="system-cloud"></div>
    <div class="system-triangle"></div>
    <div class="system-circle"></div>
  </div>

  <div>
    <div class="borders" *ngFor="let data of reportData; let i = index"
         (keydown)="getKey($event, i)"
         (click)="getKey($event, i, 2)"
         tabindex="{{ i + 1 }}"
         id="{{data.id}}"
         (focus)="getFocus(i)">
      <div class="main">
        <img [src]="data.img" class="son"/>
        <!--<div class="son"></div>-->
        <div class="son-b">{{ data.title }}</div>
      </div>
      <a [routerLink]="local ? [data.href] : '/404'" class="son-a"></a>
      <div class="borders-son"></div>
    </div>
  </div>

</div>

<apes-modal [(apesVisible)]="isMenu" [apesFooter]="null" [apesClosable]="false" [apesWidth]="200">
  <div style="text-align: center;">
    <h2 style="margin: 0">请选择岗位</h2>
  </div>
  <div *ngFor="let post of posts; let p = index"
        style="outline: none; text-align: center;">
    <button apes-button apesType="default"
            (keydown)="changeMenu($event, post.id, p)"
            (click)="changeMenu($event, post.id, p, 1)"
            id="{{post.id}}"
            tabindex="10"
            (focus)="getMenus(p)">{{ post.name }}</button>
  </div>
</apes-modal>
